<div class="col-md-4 hidden-xs hidden-sm">
    <!-- 搜索 -->
  <aside class="widget clearfix">
    <form id="searchform" method="post" action="{% url 'search' %}">
        {% csrf_token %}
      <div class="input-group">
        <input class="form-control" placeholder="搜索…" name="s" type="search">
        <span class="input-group-btn">
        <button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true">
        </i></button>
        </span> </div>
    </form>
  </aside>
    <!-- 文章分类 -->
  <aside class="widget clearfix">
    <h4 class="widget-title">文章分类</h4>
    <div class="widget-cat">
      <ul>
        {% for item in categories %}
          <li class="cat-item cat-item-20">
            <a href="{% url 'category' item.id %}" title="{{ item.desc }}">{{ item.name }}</a>
            ({{ item.related_article_category.all|length }})
          </li>
        {% endfor %}
      </ul>
    </div>
  </aside>
    <!-- 热门文章 -->
  <aside class="widget clearfix">
    <h4 class="widget-title">热门文章</h4>
    <ul class="widget-hot">
      {% for article in articles %}
      <li><a href="{% url 'blog' article.id %}" target="_blank">{{ article.title }}</a></li>
      {% endfor %}
    </ul>
  </aside>
    <!-- 随机推荐 -->
  <aside class="widget clearfix">
    <h4 class="widget-title">随机推荐</h4>
    <ul class="widget-hot">
      {% for article in articles %}
      <li><a href="{% url 'blog' article.id %}" target="_blank">{{ article.title }}</a></li>
      {% endfor %}
    </ul>
  </aside>
    <!-- 标签云 -->
  <aside class="widget clearfix">
    <h4 class="widget-title">标签云</h4>
    <div class="widget-tags">
      {% for tag in tags %}
      <a href="{% url 'tag' tag.name %}" class="tag-cloud-link tag-link-5 tag-link-position-9" style="color:#db41ee;font-size: 15.823529411765pt;" aria-label="互联网产品经理 (11 items);">{{ tag.name }}</a>
      {% endfor %}
    </div>
  </aside>
    <!-- 友情 -->
  <aside class="widget clearfix">
    <h4 class="widget-title">友情链接</h4>
    <ul class="widget-links">
      {% for link in links %}
        <li><a href="{{ link.callback_url }}" target="_blank">{{ link.title }}</a></li>
      {% endfor %}
    </ul>
  </aside>
</div>